<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<s:form id="frm-main-screen" theme="simple" enctype="multipart/form-data">
	<s:token name="token"></s:token>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span6">
				<div class="header-title">
					
				</div>
			</div>	
		</div>
		<div class="row-fluid">
			<div class="span1"></div>
			<div class="span6">
				<div class="row">
					<ul class="nav nav-tabs" id="myTab">
					  <li><a href="#home" data-toggle="tab">BTC/USD</a></li>
					  <li><a href="#messages" data-toggle="tab">USD/BTC</a></li>
					  <li><a href="#profile" data-toggle="tab">BTC/PLN</a></li>
					  <li><a href="#settings" data-toggle="tab">PLN/BTC</a></li>
					   <li><a href="#home" data-toggle="tab">BTC/BTN</a></li>
					  <li><a href="#profile" data-toggle="tab">BTN/BTC</a></li>
					</ul>
					<div class="tab-content">
						  <div class="tab-pane fade in active" id="home">Home</div>
						  <div class="tab-pane fade" id="profile">Profile</div>
						  <div class="tab-pane fade" id="messages">Messages</div>
						  <div class="tab-pane fade" id="settings">Setting</div>
					</div>
				</div>
				
			</div>
		</div>
		<div class="row-fluid">
			<div class="span1"></div>
		<!-- Start block order sell -->
			<div class="span3 div-border">
				<div class="page-header">
 					 <h5><s:text name="label.sell.btc" /> </h5>
				</div>
				<div class="form-horizontal">
					<div class="control-group control-group-form">
						<label class="col-sm-2 control-label control-label-form" style="text-align: left;" for="ammountSell"><s:text name="label.amount.btc" /> </label>
						<div class="controls">
							<s:textfield id="ammountSell" cssClass="input-field" name="orderContext.ammountSell"></s:textfield>
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class="col-sm-2 control-label control-label-form" style="text-align: left;"  for="pricePerSell"><s:text name="label.price.per" /></label>
						<div class="controls">
							<s:textfield id="pricePerSell" cssClass="input-field" name="orderContext.pricePerSell" />
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class=" col-sm-2 control-label control-label-form" style="text-align: left;" for="totalSell" ><s:text name="label.total" /></label>
						<div class="controls">
							<label id="totalSell"><s:hidden name="orderContext.totalSell" /> </label>
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class=" col-sm-2 control-label control-label-form" for="feeSell" style="text-align: left;" ><s:text name="label.fee" /></label>
						<div class="controls">
							<label id="feeSell"><s:hidden name="orderContext.feeSell" /> </label>
						</div>
					</div>
					<div class="control-group control-group-form">
						<div class="controls">
							<button class="btn btn-small btn-default" id="btnSell" onclick="callAjax_Sell();"><s:text name="button.sell"></s:text> </button>
						</div>
					</div>
				</div>
			</div>
			<!-- End block order sell -->
			<!-- ------------------------- -->
			<!-- Start block buy order -->
			<div class="span3 div-border">	
				<div class="page-header">
 					 <h5><s:text name="label.buy.btc" /></h5>
				</div>
				<div class="form-horizontal">
					<div class="control-group control-group-form">
						<label class="col-sm-2 control-label control-label-form" style="text-align: left;" for="ammountBuy"><s:text name="label.amount.btc" /> </label>
						<div class="controls">
							<s:textfield id="ammountBuy" cssClass="input-field" name="orderContext.ammountBuy"></s:textfield>
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class="col-sm-2 control-label control-label-form" style="text-align: left;" for="pricePerBuy"><s:text name="label.price.per" /></label>
						<div class="controls">
							<s:textfield id="pricePerBuy" cssClass="input-field" name="orderContext.pricePerBuy" />
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class=" col-sm-2 control-label control-label-form" style="text-align: left;"  for="totalBuy" ><s:text name="label.total" /></label>
						<div class="controls">
							<label id="totalBuy"><s:hidden  name="orderContext.totalBuy"/> </label>
						</div>
					</div>
					<div class="control-group control-group-form">
						<label class=" col-sm-2 control-label control-label-form" style="text-align: left;" for="feeBuy" ><s:text name="label.fee" /></label>
						<div class="controls">
							<label id="feeBuy"><s:hidden name="orderContext.feeBuy" /></label>
						</div>
					</div>
					<div class=" control-group-form control-group ">
						<div class="controls">
							<button class="btn btn-small btn-default" id="btnBuy"><s:text name="button.buy"></s:text></button>
						</div>
					</div>
				</div>
			</div>
			<!--  End block order buy -->
		</div>
		<div ></div>
	</div>
	<script type="text/javascript"> 
	$(document).ready(function(){
		$('#myTab a:last').tab('show');

		$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
			 var strValue = e.currentTarget.firstChild.nodeValue.replace("/","");
		});
	});
	</script>
</s:form>